<div class="index-body">
    <div style="padding: 5px 0;">
        <nz-carousel nzAutoPlay>
            <div nz-carousel-content>
                <img style="width: 100%;height: 100%;" src="../../../../assets/img/home-page/banner1.png" alt="">
            </div>
            <div nz-carousel-content>
                <img style="width: 100%;height: 100%;" src="../../../../assets/img/home-page/banner2.png" alt="">
            </div>
            <div nz-carousel-content>
                <img style="width: 100%;height: 100%;" src="../../../../assets/img/home-page/banner3.png" alt="">
            </div>
        </nz-carousel>
    </div>

    <div class="cards-c">
        <nz-card class="cards-body" style="margin-right: 5px;">
            <div class="cards-title">
                <h2>预约检测</h2>
                <p>云检测，最优方案，全程服务</p>
            </div>
            <div class="cards-input-c">
                <nz-select style="width: 180px;margin-right: 15px;" [(ngModel)]="page.status"
                    (ngModelChange)='onChangeSearch()' nzShowSearch nzAllowClear nzPlaceHolder="请选择您的检测类型">
                    <nz-option *ngFor="let status of statusDatas" nzValue="{{status?.v}}" nzLabel="{{status?.name}}">
                    </nz-option>
                </nz-select>
                <div style="width: 180px;margin-right: 15px;">
                    <input nz-input placeholder="请输入您的手机号" nzSize="default" />
                </div>
                <button nz-button nzType="primary" [routerLink]='["/member/center/home/jcSubmit"]' [queryParams]="{type: 'Y' }" >立即预约</button>
            </div>
        </nz-card>
        <nz-card class="cards-body" style="margin-left: 5px;">
            <div class="cards-title">
                <h2>免费评估</h2>
                <p>不知道如何检测？上传您的产品文档，“云检测”免费帮你定位检测类型</p>
            </div>
            <div class="cards-input-c">
                <button style="margin-right: 10px;" nz-button [routerLink]='["/member/center/home/jcSubmit"]' [queryParams]="{type: 'N', upData:1 ,phone:phoneNum}">
                    <span><i nz-icon nzType="upload"></i> 上传检测文件</span>
                </button>
                <!-- <clain-image-upload [(ngModel)]='idcardFrontImage'></clain-image-upload> -->
                <div style="width: 180px;margin-right: 15px;">
                    <input nz-input placeholder="请输入您的手机号" nzSize="default" [(ngModel)]='phoneNum' />
                </div>
                <button nz-button nzType="primary" [routerLink]='["/member/center/home/jcSubmit"]' [queryParams]="{type: 'N',phone:phoneNum }">立即评估</button>
            </div>
        </nz-card>
    </div>

    <div class="zxzx">
        <button nz-button nzType="primary" (click)='showMsgWindow()'>在线咨询</button>
    </div>

    <div class="zyfwlc">
        <h1>专业服务流程</h1>
        <h2>预约检测：拨打400-728-6666或在线预约</h2>
        <div class="imgs">
            <div>
                <img style="width: 42px;height: 42px;" src="../../../../assets/img/home-page/1.png" alt="">
                <p>预约检测</p>
            </div>
            <div>
                <img style="width: 24px;height: 24px;margin-top: 10px;" src="../../../../assets/img/home-page/0.png"
                    alt="">
            </div>
            <div>
                <img style="width: 42px;height: 42px;" src="../../../../assets/img/home-page/2.png" alt="">
                <p>专属顾问</p>
            </div>
            <div>
                <img style="width: 24px;height: 24px;margin-top: 10px;" src="../../../../assets/img/home-page/0.png"
                    alt="">
            </div>
            <div>
                <img style="width: 42px;height: 42px;" src="../../../../assets/img/home-page/3.png" alt="">
                <p>签署合同</p>
            </div>
            <div>
                <img style="width: 24px;height: 24px;margin-top: 10px;" src="../../../../assets/img/home-page/0.png"
                    alt="">
            </div>
            <div>
                <img style="width: 42px;height: 42px;" src="../../../../assets/img/home-page/4.png" alt="">
                <p>检测服务</p>
            </div>
            <div>
                <img style="width: 24px;height: 24px;margin-top: 10px;" src="../../../../assets/img/home-page/0.png"
                    alt="">
            </div>
            <div>
                <img style="width: 42px;height: 42px;" src="../../../../assets/img/home-page/5.png" alt="">
                <p>出具报告</p>
            </div>
            <div>
                <img style="width: 24px;height: 24px;margin-top: 10px;" src="../../../../assets/img/home-page/0.png"
                    alt="">
            </div>
            <div>
                <img style="width: 42px;height: 42px;" src="../../../../assets/img/home-page/6.png" alt="">
                <p>售后服务</p>
            </div>
        </div>
    </div>

    <div class="xq-c">
        <div class="img-c">
            <img src="../../../../assets/img/home-page/xq.png" alt="">
        </div>
        <div class="text-c">
            <h1>曲折道路上，检测的真相</h1>
            <p>
                设备检测一般是指采用各类检测仪器对设备各项指标进行检测，以达到保障安全使用的目的。根据青冶工程
                (QYETC)技术人员的经验，设备检测尤其是特种设备的检测需要符合国家、地方及行业协会的相关规定。适
                用《特种设备安全监察条例》(2009)的各类特种设备是指：涉及生命安全、危险性较大的锅炉、压力容器（
                含气瓶）、压力管道、电梯、起重机械、客运索道、大型游乐设施和场（厂）内专用机动车辆。一般会伴随
                故障诊断、修复点检、维护、修理、备件修复管理、改造等延伸服务。常用检测方法无损检测(NDT，Non-
                destructive testing)等。资质要求检测单位、检测人员等需要取得相关资质。
            </p>
        </div>
    </div>

    <div class="bar">
        <div style="background: #47BF6B;">
            <img src="../../../../assets/img/home-page/bar1.png" alt="">
            <span>
                <h1>安全保障</h1>
                <p>防盗措施 保障支付安全</p>
            </span>
        </div>
        <div style="background: #1DC7F2;">
            <img src="../../../../assets/img/home-page/bar2.png" alt="">
            <span>
                <h1>价格透明</h1>
                <p>统一报价 无隐形消费</p>
            </span>
        </div>
        <div style="background: #378EF0;">
            <img src="../../../../assets/img/home-page/bar3.png" alt="">
            <span>
                <h1>专业团队</h1>
                <p>专属顾问团队 全程一对一服务</p>
            </span>
        </div>
        <div style="background: #F7AF2A;margin-right: 0;">
            <img src="../../../../assets/img/home-page/bar4.png" alt="">
            <span>
                <h1>7x24小时客服</h1>
                <p>客服7x24小时贴心服务</p>
            </span>
        </div>
    </div>
</div>